<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link type="text/css"
	href="${pageContext.request.contextPath}/themes/icon.css"
	rel="stylesheet">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>Insert title here</title>

</head>
<script type="text/javascript">
	$(function() {
		//查询数据的表格
		$('#dg').datagrid({
			url : 'supplier',
			rownumbers : true,
			pagination : true,
			pagePosition : 'bottom',
			pageSize : 4,
			pageList : [ 4, 8, 12 ],
			autoRowHeight : false,
			columns : [ [ {field : 'checkbox',title : '',checkbox : true,width : 200
			}, {field : 'supId',title : '供应商Id',width : 200,hidden : true,align : 'center'
			}, {field : 'supName',title : '供应商厂家名',width : 300,align : 'center'
			}, {field : 'supContacts',title : '供应商厂家联系人',width : 200,align : 'center'
			}, {field : 'supPhone',title : '厂家联系人电话',width : 220,align : 'center'
			}, {field : 'eId',title : '我方负责人',width : 200,align : 'center'
			}, ] ],
			//工具栏
			toolbar : [ {
				//增加功能
				iconCls : 'icon-add',
				text : '增加',
				handler : function() {
					//显示窗口
					$('#win').window('open');  				
					//清空文本框
					$('#tb1').textbox('clear');
					$('#tb2').textbox('clear');
					$('#tb3').textbox('clear');
					$('#tb4').textbox('clear');
					//提示信息
					$('#tb4').textbox({    
						prompt:'请输入联系人所对应的编码数字',       
					})
				}
			}, '-',{
				//删除功能
				iconCls : 'icon-remove',
				text : '删除',
				handler : function() {
					var se = $('#dg').datagrid('getSelections');
					if (se.length > 0) {
						$.messager.confirm('确认对话框', '确定要删除吗？', function(r) {
							if (r) {
								$.each(se, function(i, n) {
									var supId = se[i].supId;
									$.ajax({
										type : 'post',
										url : 'shanlxg',
										data : {
											'supId' : supId
										},
										dataType : 'json',
										success : function(data) {
											if (1 == data) {
												$.messager.show({
													title : '我的消息',
													msg : '删除成功',
													showType : 'show',
													timeout : 2000,
												})
												//重加载页面
												$('#dg').datagrid('reload');
											} else {
												$.messager.show({
													title : '我的消息',
													msg : '删除失败',
													showType : 'show',
													timeout : 2000,
												});
											}
										}
									})
								})
							} else {
								//取消所选中的行
								$('#dg').datagrid('clearSelections');
							}
						})
					} else {
						$.messager.alert('我的消息', '请勾选您要删除的行', 'info');
					}
				}
			}, '-',{
				//修改功能
				iconCls : 'icon-edit',
				text : '修改',
				handler : function() {
					var up=$('#dg').datagrid('getSelections');  
					if(up.length==1){
						$('#win1').window('open');
						//赋值
						//var supId=up[0].supId;
						$('#tb5').textbox('setValue',up[0].supName);
						$('#tb6').textbox('setValue',up[0].supContacts);
						$('#tb7').textbox('setValue',up[0].supPhone);
						$('#tb8').textbox('setValue',up[0].eId);
						$('#tb9').textbox('setValue',up[0].supId);
					}else{
						$.messager.alert('我的消息','请您选择需要修改的一行','info');
						$('#dg').datagrid('clearSelections'); 
                     }
				}
			}, '-', {
				//查询
				iconCls : 'icon-search',
				text : '查询',
				handler : function() {

				}
			} ]
		
		});
		//增加确定按钮的事件
		$('#btn1').click(function(){
			var supName=$('#tb1').textbox('getValue');
			var supContacts=$('#tb2').textbox('getValue');
			var supPhone=$('#tb3').textbox('getValue');
			var eId=$('#tb4').textbox('getValue');
			$.ajax({
				type : 'post',
				url : 'insertSupplier',
				data : {'supName':supName,'supContacts':supContacts,
					'supPhone':supPhone,'eId':eId},
				dataType : 'json',
				success : function(data){
					if(data==1){
						$.messager.show({
							title:'我的消息',
							msg:'增加成功',
							timeout:2000,
							showType:'slide'
						});
						$('#dg').datagrid('reload');
						$('#win').window('close');  
					}else{
						$.messager.show({
							title:'我的消息',
							msg:'增加失败',
							timeout:2000,
							showType:'slide'
						});
						$('#win').window('close');  
					}
				}
			})
		})
		//增加取消按钮的事件
		 $('#btn2').bind('click', function(){    
			 $('#win').window('close');   
		    });
		
		
		
		//修改功能确定按钮的事件
		 $('#btn3').bind('click', function(){   
			 var supName=$('#tb5').textbox('getValue'); 
		     var supContacts=$('#tb6').textbox('getValue');
		     var supPhone=$('#tb7').textbox('getValue'); 
		     var eId=$('#tb8').textbox('getValue'); 
		     var supId=$('#tb9').textbox('getValue');
		     
			 $.ajax({
				url:'updateSupplier',
				type:'post',
				data:{'supName':supName,'supContacts':supContacts,'supPhone':supPhone,'eId':eId,'supId':supId},
				dataType:'json',
				success:function(data){
					if(data==1){
						$.messager.show({
							title:'我的消息',
							msg:'修改成功',
							timeout:2000,
							showType:'slide'})
							$('#dg').datagrid('reload');
							$('#win1').window('close');

					}else{
						$.messager.show({
							title:'我的消息',
							msg:'修改失败',
							timeout:2000,
							showType:'slide'})
					}
				}
			 })
		    }); 
		
		
		//修改功能取消按钮的事件
		 $('#btn4').bind('click', function(){    
			 $('#win1').window('close');    
		    }); 
	
	})
		
</script>

<body>
	<!-- 表格 -->
	<table id="dg"></table>
	<br>

	<!-- 增加功能的表格 -->

	<div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px"   
        data-options="iconCls:'icon-save',modal:true,closed:true">
		
			<div id="insert" style="margin-left: 150px;margin-top: 70px">
			供应商名称<input id="tb1" class="easyui-textbox" style="width:200px;heigh:20px"> 

<br><br> 
			厂家联系人<input id="tb2" class="easyui-textbox" style="width:200px;heigh:20px"><br> <br> 
			联系人电话<input id="tb3" class="easyui-textbox" style="width:200px;heigh:20px"><br> <br> 
			超市联络人<input id="tb4" class="easyui-textbox" style="width:200px;heigh:20px"> <br> <br>
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn1" href="#" class="easyui-linkbutton">确定</a> 
				<a id="btn2" href="#" class="easyui-linkbutton">取消</a> 
			</div>
		</div>
	</div>

		<!-- 修改功能的表格 -->

	<div id="win1" class="easyui-window" title="My Window" style="width:600px;height:400px"   
        data-options="iconCls:'icon-save',modal:true,closed:true">
		
			<div id="update" style="margin-left: 150px;margin-top: 70px">
		<div style="display:none">	supId<input id="tb9" class="easyui-textbox" style="width:200px;heigh:20px"><br><br></div> 
			供应商名称<input id="tb5" class="easyui-textbox" style="width:200px;heigh:20px"> <br><br> 
			厂家联系人<input id="tb6" class="easyui-textbox" style="width:200px;heigh:20px"><br> <br> 
			联系人电话<input id="tb7" class="easyui-textbox" style="width:200px;heigh:20px"><br> <br> 
			超市联络人<input id="tb8" class="easyui-textbox" style="width:200px;heigh:20px"> <br> <br>
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn3" href="#" class="easyui-linkbutton">确定</a> 
				<a id="btn4" href="#" class="easyui-linkbutton">取消</a> 
			</div>
		</div>
	</div>
		

</body>
</html>